.common-component-enter-animation {
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: var(--default-position-layer-oversize);
  background-color: var(--default-background-theme-white);

  .common-component-enter-animation-warp {
    width: 100%;
    height: 100%;
    background-image: url("https://gw.alipayobjects.com/zos/rmsportal/TVYTbAXWheQpRcWDaDMu.svg");
    background-repeat: no-repeat;
    background-position: center 110px;
    background-size: 100%;

    .common-component-enter-animation-title {
      width: 100%;
      padding-top: 10%;

      img {
        width: 100px;
        height: 86.25px;
      }

      h1 {
        color: @themeColor7;
      }

      p {
        margin-top: -14px;
      }
    }

    .common-component-enter-animation-spin {
      position: absolute;
      width: 100%;
      text-align: center;
      margin-top: 42px;
      transition: 1s;

      > div {
        > div {
          transition: 1s;
        }
        > span {
          transition: 1s;
          //font-size: 32px;

          i {
            transition: 1s;
            //width: 14px;
            //height: 14px;
          }
        }
      }
    }
  }
}

.enter-action-show {
  opacity: 0;

  > div {
    > span {
      font-size: 0 !important;

      i {
        width: 0 !important;
        height: 0 !important;
      }
    }

    > div {
      opacity: 0;
    }
  }
}
